﻿@section featured {
    <section class="featured">
        <script>
            $('document').ready(function () {
                console.log('ready');
                sendMessage();
            });
        </script>
        <div class="body-content">
            <!--left content-->
            <div class="left">
                <div class="main-info">
                    <div class="current-info">
                        <div class="current-info-active">
                            <img class="img-current-info" src="./Images/ozawa.jpg" />
                            <div class="sumary-current-info">
                                <div class="sumary-current-info-header">
                                    <h1>Free css template for everyone</h1>
                                </div>
                                <div class="sumary-current-info-content">
                                    <p>
                                        This website template is provided by TemplateMo.com for FREE of charge. 
                                            Feel free to use this web layout for your websites. 
                                            Photos are from PublicDomainPictures.
                                    </p>
                                    <p>
                                        Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
                                           Duis pulvinar scelerisque ante. full story
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="list-hold-active">
                            <img class="list-hold-active-item" src="./Images/ozawa2.jpg" />
                            <img class="list-hold-active-item" src="./Images/ozawa3.jpg" />
                            <img class="list-hold-active-item" src="./Images/ozawa4.jpg" />
                            <img class="list-hold-active-item" src="./Images/ozawa5.jpg" />
                        </div>
                    </div>
                    <div class="news-info">
                        <div class="news-info-header">
                            <span>Tin tức - sự kiện</span>
                        </div>
                        <ul class="news-info-content">
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                            <li class="news-info-title">
                                <a href="#">Vụ hấp diêm nữ chiến sỹ giao thông giao thông</a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="general-info">
                    <div class="general-info-header">
                        <span class="general-info-header-title" id="treatment">Điều trị</span>
                        <span class="general-info-header-title">Ca bệnh</span>
                        <span class="general-info-header-title">Video</span>
                    </div>
                    <div class="general-info-content"></div>
                </div>
            </div>
            <!-- right content-->
            <div class="right">
                <div class="box-chat" id="boxChat">
                    <div class="box-chat-header">
                        <span class="box-chat-header-title">Chẩn đoán tự động</span>
                    </div>
                    <div class="box-chat-main" id="mainChat">
                        <div class="box-chat-main-content">
                        </div>
                    </div>
                    <div class="box-chat-footer">
                        <div class="textMask" id="textMask"></div>
                        <textarea placeholder="Hãy nhập triệu chứng của bạn!" id="textInput" class="text-input"></textarea>
                        <input type="button" id="smSymptom" class="smSymptom" value="enter" />
                    </div>
                </div>
                <div class="qa">
                    <div class="qa-header">
                        <span class="qa-header-title">Câu hỏi thường gặp</span>
                    </div>
                    <div class="qa-content">
                    </div>
                </div>
            </div>
        </div>
    </section>
}